﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
    <script type="text/javascript">
    function initEvent()//遍历input空间，设置onblur的响应函数
    {
        var inputs = document.getElementsByTagName("input");
        for(var i=0;i<inputs.length;i++)
        {
            input = inputs[i];
            input.onblur = inputOnBlur; //设置inputOnBlur函数为input的onblur的响应事件
        }
    }
    
    //焦点失去的时候进行数据的检查
    function inputOnBlur() //inputOnBlur 是onblur的响应函数，而不是响应函数调用的函数，所以可以用this取得发生事件的对象
    {
        if(this.value.length<=0)//检查文本框中的文字长度，如果小于等于0则说明是空的
        {
            this.style.background = "red";
        }
        else{
            this.style.background = "white";
        }
    }
    </script>
</head>
<body onload="initEvent()">
<input type="text" />
<input type="text" />
<input type="text" />
<input type="button" id="ss"/>
</body>
</html>
